.pre(@style;@value) {
	-webkit-@{style}: @value;
	-moz-@{style}: @value;
	-ms-@{style}: @value;
	@{style}: @value;
}
//定义动画
.keyframes(@name) {
	@-webkit-keyframes @name {
		.-frames(-webkit-)
	}
	@-moz-keyframes @name {
		.-frames(-moz-)
	}
	@-o-keyframes @name {
		.-frames(-o-)
	}
	@-ms-keyframes @name {
		.-frames(-ms-)
	}
	@keyframes @name {
		.-frames()
	}
}
//快速定义动画
.key(@name; @content) {
	@-webkit-keyframes @name {
		@content();
	}
	@-moz-keyframes @name {
		@content();
	}
	@-ms-keyframes @name {
		@content();
	}
	@-o-keyframes @name {
		@content();
	}
	@keyframes @name {
		@content();
	}
}
// 动画定义demo
/**
//如何声明
.ani_name(@n:ani_name){
    .keyframes(@n);
    .-frames(@-...){        
        0% {
            .opacity(0);
            @{-}transform: translate3d(0, 100%, 0);
        }
        100% {
            @{-}transform:scale(1,1);
            @{-}transform-origin:top;
        }
    }
}

//如何调用
.ani_name();
.animation(ani_name ease-out 0.4s 0.4s backwards);

**/
//动画
.transition(@arg) {
	.pre(transition,@arg);
}
.transition-delay(@delay:0) {
	.pre(transition-delay,@delay);
}
.transition-duration(@duration:200ms) {
	.pre(transition-duration,@duration);
}
.transition-property(@property:all) {
	.pre(transition-property,@property);
}
.transition-timing-function(@function:ease) {
	.pre(transition-timing-function,@function);
}
.transform(@arg) {
	.pre(transform,@arg);
}
.transform-origin(@args) {
	.pre(transform-origin,@args);
}
.transform-style(@style) {
	.pre(transform-style,@style);
}
.rotate(@deg:45deg) {
	.transform(rotate(@deg));
}
.scale(@factor:.5) {
	.transform(scale(@factor));
}
.scale3d(@factor:.5) {
	.transform(scale3d(@factor));
}
.translate(@x, @y) {
	.transform(translate(@x,@y));
}
.translate3d(@x, @y, @z) {
	.transform(translate3d(@x,@y,@z));
}
.translateHardware(@x, @y) {
	.translate(@x,@y);
	.pre(transform,translate3d(@x,@y,0));
}
//animation
.animation(@value) {
	.pre(animation,@value);
}
.animation-delay(@delay) {
	.pre(animation-delay,@delay);
}
.animation-direction(@direction) {
	.pre(animation-direction,@direction);
}
.animation-duration(@duration) {
	.pre(animation-duration,@duration);
}
.animation-fill-mode(@mode) {
	.pre(animation-fill-mode,@mode);
}
.animation-iteration-count(@count) {
	.pre(animation-iteration-count,@count);
}
.animation-name(@name) {
	.pre(animation-name,@name);
}
.animation-play-state(@state) {
	.pre(animation-play-state,@state);
}
.animation-timing-function(@function) {
	.pre(animation-timing-function,@function);
}